.pxToRem(@p, @px){
    @{p}: @px / 75px * 1rem;
}
body{
    height:100%;
    background: #efefef !important;
}
.header{
    width:100%;
    .pxToRem(height, 90);
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    left:0;
    top:0;
    background: #ffffff;
    .center{
        .pxToRem(font-size, 36);
    }
    .right{
        img{
            .pxToRem(width, 32);
            .pxToRem(height, 32);
            .pxToRem(margin-right, 30);
        }
    }
}
.banner{
    width:100%;
    .pxToRem(height, 330);
    .pxToRem(margin-top, 90);
    .img{
        width:100%;
        .pxToRem(height, 330);
    }
    .imgs{
        position: fixed;
        .pxToRem(width, 130);
        .pxToRem(height, 130);
        .pxToRem(left, 310);
        .pxToRem(top, 138);
    }
    .p1{
        position: fixed;
        .pxToRem(left, 350);
        .pxToRem(top, 288);
        .pxToRem(font-size, 25);
        color: #ffffff;
    }
    .p2{
        position: fixed;
        .pxToRem(left, 300);
        .pxToRem(top, 320);
        .pxToRem(font-size, 20);
        color:#ffffff;
    }
}
.nav{
    width:100%;
    .pxToRem(height, 160);
    .pxToRem(margin-top, 30);
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #ffffff;
    .item{
        flex: 1;
        .pxToRem(height,160);
        text-align: center;
    }
    img{
        .pxToRem(height,35);
        .pxToRem(width,35);
        .pxToRem(line-height,1.33rem);   
    }
    dt{
        .pxToRem(margin-top, 15);
        color: #666666;
        .pxToRem(font-size, 26);
    }
    dd{
        .pxToRem(font-size,22);
        .pxToRem(margin-top, 58);
        color: #666666;
    }
}
.div{
    .pxToRem(margin-top, 30);
    div{
        .pxToRem(height, 100);
        .pxToRem(line-height, 100);
        border-bottom: 1px solid #f2f2f2;
        background: #ffffff;
        .img{
            .pxToRem(margin-left, 30);
            .pxToRem(width, 22);
            .pxToRem(height, 30);
            .pxToRem(margin-right, 23);
        }
        .imgs{
            float: right;
            .pxToRem(width, 14);
            .pxToRem(height, 30);
            .pxToRem(margin-right, 30);
            .pxToRem(margin-top, 35);
        }
    }
}
.footer{
    display: flex;
    position: fixed;
    left:0;
    bottom:0;
    width:100%;
    .pxToRem(height, 100);
    border-top:1px solid #ededed;
    background: #efefef;
    dl{
        text-align: center;
        width:25%;
        dt{
            img{
                .pxToRem(width, 40);
                .pxToRem(height, 40);
                .pxToRem(margin-top, 10);
            }
            a{
                color: #000000;
                text-decoration: none;
            }
        }
        dd{
            .pxToRem(font-size, 18);
            .pxToRem(margin-top, 10);
        }
        .dd{
            a{
                color:orange;
                text-decoration: none;
            }
        }
    }
}